<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title>HM-嗨萌首页</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="format-detection" content="telephone=no">
	<meta name="renderer" content="webkit">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="alternate icon" type="image/png" href="./assets/i/favicon.png">
	<link rel="stylesheet" href="./assets/css/amazeui.min.css"/>


</head>
<body>
<style>
	body{
		max-width: 640px;
		margin: 0px auto;
	}
	
	a:focus {  
		outline:none;  
		-moz-outline:none;  
	}  

	.h_content{
		position:relative;
	}
	
	.h_firstpic{
		position:relative;
	}
	
	.h_firstpic a{
		display:block;
		position:absolute;
		top:5px;right:5px;
	}
	
	.h_firstpic a img{
		width:20px;
		margin-top:-5px;
	}
	
	.h_firstpic a span{
		font-size:16px;
		color:#fff;
	}
	
	.h_lastpic{
		position:relative;
	}

	.h_videolist{
		display:block;
		position:absolute;
		bottom:30px;
		left:30px;
	}
	
	.h_videolist .h_vtitle{
		font-size:16px;
		color:#fff;
		margin:10px 0;
	}
	
	.h_videolist a{
		display:block;
		font-size:16px;
		color:#fcde7c;
		text-decoration:underline;
	}

</style>

	<div class="h_content">
	
		<div class="h_firstpic">
			<img src="./assets/images/s_pic01.jpg" style="width:100%;"/>
			<a href="interlocution.html" >
				<img src="./assets/images/s_notice.png" />
				<span>嗨萌常见问题问答</span>
			</a>
		</div>
		
		<img src="./assets/images/s_pic02.jpg" style="width:100%"/>
		<img src="./assets/images/s_pic03.jpg" style="width:100%"/>
		<img src="./assets/images/s_pic04.jpg" style="width:100%"/>
		<img src="./assets/images/s_pic05.jpg" style="width:100%"/>
		<img src="./assets/images/s_pic06.jpg" style="width:100%"/>

		
		<div class="h_lastpic">
			<img src="./assets/images/s_pic07.jpg" style="width:100%;"/>
			<div class="h_videolist">
				<div class="h_vtitle">了解更多操作流程，请观看视频</div>
				<a href="./video/video1.html">找福娃操作视频</a>
				<a href="./video/video2.html">藏福娃操作视频</a>
				<a href="./video/video3.html">寻宝功能操作视频</a>
				<a href="./video/video4.html">兴趣部落操作视频</a>
			</div>
		</div>

	
	</div>

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/amazeui.min.js"></script>
<script src="./assets/js/js_jquery-1.11.1.min.js"></script>
<script>
	
	$(function(){

	});
	
</script>
</body>
</html>
